5-3 L\

除了指定語言編碼外,我們還可以使用 meta 來指定網頁自動下載的時間間隔,例如:

Example(meta04.htm):

上述範例的完整原始檔案如下:

原始檔(meta04.htm):(灰色區域按兩下即可拷貝)
<HTML>
<HEAD>    
	<TITLE> meta 標籤的使用:中文網頁 </TITLE>
	<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
	<META HTTP-EQUIV="REFRESH" CONTENT="1"> 
</HEAD>
<BODY>

這是一個繁體中文網頁!<br>
(This page uses big5 character set.)<br>
charset=Shift_JIS

</BODY>
</HTML>

此網頁多增加了一個 meta 標籤,設定表頭資訊 refresh 的值是 1,代表瀏覽器會每隔一秒就重新下載此網頁。欲證明此效果,讀者可以將瀏覽器的編碼改成大五碼,但由於每隔一秒重載,所以應該在一秒內,網頁的內容又變成日文了!

Meta 標籤的另一個重要的功能,就是網頁的自動轉址,例如:

Example(meta05.htm):

上述範例的完整原始檔案如下:

原始檔(meta05.htm):(灰色區域按兩下即可拷貝)
<HTML>
<HEAD>    
	<TITLE> meta 標籤的使用:中文網頁 </TITLE>
	<META http-equiv="Content-Type" content="text/html; charset=big5">
	<META HTTP-EQUIV="Refresh" CONTENT="5; URL=http://neural.cs.nthu.edu.tw/jang">
</HEAD>
<BODY>

這是張老師的舊網址,您將在五秒鐘內被送到張老師的<a href="neural.cs.nthu.edu.tw/jang">新網址</a>!

</BODY>
</HTML>

在上述範例中,我們可以看到此網頁在 5 秒後,自動轉換到我的首頁。

除了提供表頭資訊以外,meta 標籤還可以使用 name, keyword, description 等屬性來提供中介資料(Meta Data)給網路搜尋引擎,以便於其它使用者能從茫茫網海中找到你的網頁,例如:

Example(meta06.htm):

上述範例的完整原始檔案如下:

原始檔(meta06.htm):(灰色區域按兩下即可拷貝)
<HTML>
<HEAD>    
	<TITLE> Meta 標籤的使用:name, keyword, description 屬性 </TITLE>
	<META NAME=KEYWORDS CONTENT="melody recognition, content-based music retrieval, query by humming">
	<META NAME=DESCRIPTION CONTENT="Roger Jang's homepage contains a lot of information about melody recognition and query-by-humming technologies.">
</HEAD>
<BODY>

For more information about melody recognition and content-based music retrieval, please refer to Roger Jang's homepage at <a href="neural.cs.nthu.edu.tw/jang">neural.cs.nthu.edu.tw/jang</a>.

</BODY>
</HTML>

在上述範例中,我們設定 name 的屬性是 keyword,而在 content 屬性填入各種關鍵字,因此當搜尋引擎(例如 Google, AltaVista, Infoseek, Webcrawler)找到此網頁時,會根據 content 屬性所給的關鍵字來建立索引,並由於此關鍵字是出現於 meta 標籤之內,所以會有「加分」的效果。而當 name 屬性是 description 時,對應的 content 屬性則是代表此網頁的一個簡介,通常用於搜尋引擎找到此網頁時,對此網頁的簡介文字。

Hint
由於各家搜尋引擎的內部作法各有千秋,所以上述的規範僅是建議性,各家的實際作法可能都略有不同。


HTML 簡介與應用